<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Dom对象增删改</title>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
    <script>
        $(function () {
            // $("<h1>标题标签</h1>").appendTo("div");
            // $("<h1>标题标签</h1>").prependTo("div");
            // $("<h1>标题标签</h1>").insertBefore("div");
            // $("<h1>标题标签</h1>").insertAfter("div");
            //$("div:first").replaceWith($("<h1>标题标签</h1>"));
            //$("div").replaceWith($("<h1>标题标签</h1>"));
            //$("<h1>标题标签</h1>").replaceAll($("div"));
            //$("div:first").remove();
            $("div:first").empty();
        });
    </script>
</head>
<body>
        <div style="border: pink 1px solid">原始文本</div>
        <div>原始文本</div>
</body>
</html>